﻿@charset "utf-8";
/* CSS Document */

/*复选框*/
.regular-checkbox{display: none;}
.regular-checkbox + span{background-color: #fff;border: 1px solid #3e3e40;border-radius: 3px;display: inline-block;position: relative;width:16px !important; height:16px !important; vertical-align:middle; margin-right:6px}
.regular-checkbox:checked + span{ background: #3e3e40 url("../images/icon_checkbox.png") no-repeat scroll center center ;border-color: #3e3e40;}

/* bg */
img.bg{min-height: 100%;min-width: 1024px;width: 100%;height: auto;position: fixed;top: 0;left: 0;z-index:-1}


/* logo */
.logo{ position:fixed; top:20px; left:20px}
.sub_logo{ position:absolute; top:50px; left:20px}

/* sign_in */
.sign_in{width:540px; height:410px; background-color:#993300; position:fixed; top:50%; left:50%; margin-top:-205px; margin-left:-270px; background:url(../images/sign_in_bg.png) repeat; box-shadow:0 0 5px rgba(0,0,0,.1); border-top:5px solid #153866}
.sign_in{padding:30px 0 0}
.sign_in h1{font-size:30px; color:#153866; padding-bottom:10px}
.sign_in h1 span{font-size:13px; position:relative; top:18px;}
.sign_in li{margin-bottom:24px; position:relative; padding-right:190px; padding-left:80px;}
.sign_in li label{width:72px; line-height:34px; text-align:right;font-size:18px; position:absolute; top:0; left:0}
.sign_in li input{height:34px; font-size:16px; color:#3e3e40; border:1px solid #9d9b9b;background:url(../images/input_bg.png) repeat; width:100%; padding-left:10px;}
.sign_in .icon_user{background:url(../images/icon_user.png) no-repeat center center; width:20px; height:20px; position:absolute; left:20px; top:15px}
.sign_in .icon_pwd{background:url(../images/icon_pwd.png) no-repeat center center; width:21px; height:21px; position:absolute; left:20px; top:15px}
.sign_in .btn_sign_in{ height:42px; width:120px; text-align:center; line-height:42px; color:#fff; display:inline-block; background-color:#3e3e40; font-size:19px; margin-right:8px}
.sign_in .btn_sign_in:hover{background-color:#1d3f6b}
.sign_in .btn_forgot_pwd{ font-size:13px; text-align:center; padding:16px 0}
.sign_in .btn_forgot_pwd a{color:#3e3e40;}
.sign_in .btn_forgot_pwd a:hover{color:#3e3e40;}
.sign_in .btn_forgot_pwd img{vertical-align:middle; margin-right:4px}
.sign_in .code{padding-right:109px;}
.sign_in .code a{width:104px; height:50px; line-height:50px; font-size:18px; color:#fff; text-align:center;background-color:#3e3e40; display:block; position:absolute; right:0; top:0}
.sign_in .code a:hover{background-color:#1d3f6b}

.sign_in_logo{width:116px; height:116px; position:absolute; top:124px; right:40px}

.forgot_pwd{width:454px; height:404px; background-color:#993300; position:fixed; top:50%; left:50%; margin-top:-187px; margin-left:-277px; background:url(../images/sign_in_bg.png) repeat; box-shadow:0 0 5px rgba(0,0,0,.1); border-top:5px solid #153866; padding-top:6px}
.forgot_pwd li{margin-top:30px; position:relative; padding-right:52px; padding-left:130px;}
.forgot_pwd li label{width:122px; line-height:34px; text-align:right;font-size:18px; position:absolute; top:0; left:0}
.forgot_pwd li input{height:34px; font-size:16px; color:#3e3e40; border:1px solid #9d9b9b;background:url(../images/input_bg.png) repeat; width:100%; padding-left:10px;}
.btn_edit a:first-child{margin-left:130px; margin-right:30px}
.btn_edit a{height:42px; width:120px; text-align:center; line-height:42px; color:#fff; display:inline-block; background-color:#3e3e40; font-size:19px; margin-right:8px; margin-top:36px; float:left}
.btn_edit a:hover{background-color:#1d3f6b}

.sign_in .code_box{width:202px; height:52px;  display:inline-block; text-align:center; line-height:52px; vertical-align:top;border:1px solid #9d9b9b;background:url(../images/input_bg.png) repeat; font-size:18px;}
.sign_in a.refresh{ height:52px; width:56px; color:#fff; background-color:#3e3e40; display:inline-block; font-size:14px; text-align:center; padding-top:6px; margin-left:10px}
.sign_in a.refresh:hover{background-color:#1d3f6b}

.s_sty_3{border:1px solid #9d9b9b;background:url(../images/input_bg.png) repeat; font-size:18px;height:34px; line-height:34px;padding-left:4px; display:block; position:relative;cursor:pointer; color:#fff;padding-left:10px;}
.f_btn_sign_in{ padding:10px 0; background-color:#fff; padding-left:150px; position:absolute; bottom:0; width:100%}

#scrollDiv{width:270px;height:32px; overflow:hidden; position:absolute; top:147px; margin-left:80px; z-index:1}
#scrollDiv li{height:32px; width:270px; line-height:32px;overflow:hidden; vertical-align:bottom; zoom:1; padding-left:10px; font-size:16px; color:#3e3e40}
.scroltit{height:32px;position:absolute; top:147px; margin-left:80px; z-index:1; width:270px;}
.scroltit .updown{float:right; width:12px; height:12px; }
#but_up{ background:url(../images/up.png) no-repeat center center; text-indent:-9999px; position:absolute; top:6px; right:7px}
#but_down{ background:url(../images/down.png) no-repeat center center; text-indent:-9999px;position:absolute; top:16px; right:7px}


/* nav */
.nav{width:694px; position:fixed; left:425px; top:30px;background:url(../images/nav_bg.png) repeat;}
.nav li{width:25%; float:left; display:block}
.nav li img{width:177px; height:64px}
.sub_nav{width:90%; position: absolute; top:390px;background:url(../images/sub_nav_bg.png) repeat; border-radius:10px; padding:25px 0 14px; right:5%; height:96px}
.sub_nav ul{position:absolute; z-index:9; width:100%; text-align:center}
.sub_nav li{width:25%; float:left; display:block;}
.sub_nav li img{width:258px; height:60px}
.sub_nav span{position: absolute; top:-55px;width:584px; height:137px; left:50%; margin-left:-292px;}
.sub_nav span img{width:584px; height:137px}
.r_nav{position: absolute; top:75px; right:80px; text-align:right}
.r_nav li a{padding:3px 10px; margin:0 5px}
.r_nav li a:hover{ background-color:#3e3e40; color:#fff}
.r_nav p{margin-top:12px}
.r_nav p a{padding:3px 10px; margin:0 5px; font-size:16px;}
.r_nav p a:hover{ background-color:#3e3e40; color:#fff}

/* foot */
.foot{background-color:#3e3e40; position:absolute; top:900px; height:147px; width:100%; color:#fff; line-height:210%; text-align:center}
.foot ul{padding:45px 40px 0}
.foot h1 i{font-weight:bold; font-size:16px; margin-right:12px}
.foot .left li{width:147px; display:block; float:left}
.foot .left{float:left}
.foot .right{float:right; width:340px;}
.foot a{color:#fff;} 
.foot a:hover{ color:#fef739}
.foot li i{font-family:Arial, Helvetica, sans-serif; padding:0 14px;}

/* 左侧菜单 */
.left_nav{color:#fff; width:200px; }
.left_nav ul{}
.left_nav h1{padding:7px 20px 6px; border-bottom:1px solid #fff;}
.left_nav h1 p{font-size:16px}
.subNavBox{width:100%; height:auto !important;}
.subNav{cursor:pointer;color:#e5e8ef;height:40px; line-height:40px; text-align:left; padding-left:45px;-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;}
.subNav a{color:#fff; display:block}
.subNav a:hover,.currentDt a{color:#3e3e40}
.subNav:hover,.subNav.active{color:#3e3e40; padding-left:45px; background-color:#ffffff;background-position: 18px -40px !important}
.currentDt{background-color:#fff !important; color:#3e3e40;background-position: 18px -40px !important}
.navContent li a{display:block;height:40px;line-height:40px;color:#3e3e40; text-align:left; background-color:#e8eaed; padding-left:45px; }
.navContent li a:hover,.navContent li a.active{background-color:#dadde1; padding-left:40px; border-left:5px solid #38414e;}
.NavBox a.active .subNav_1{color:#f15723; background-color:#38414e;}
.nav_icon_0{background:url(../images/nav_icon_0.png) no-repeat 18px 0;}
.nav_icon_1{background:url(../images/nav_icon_1.png) no-repeat 18px 0;}
.nav_icon_2{background:url(../images/nav_icon_2.png) no-repeat 18px 0;}
.nav_icon_3{background:url(../images/nav_icon_3.png) no-repeat 18px 0;}
.nav_icon_4{background:url(../images/nav_icon_4.png) no-repeat 18px 0;}
.nav_icon_5{background:url(../images/nav_icon_5.png) no-repeat 18px 0;}
.nav_icon_6{background:url(../images/nav_icon_6.png) no-repeat 18px 0;}
.copyright{ position:fixed; bottom:0; width:100%; text-align:center; color:#fff; font-size:12px; padding:12px 0; background-color:#3e3e40}

/* 框架 */
.h_container{position:relative; }
.h_container ul{margin:0 38px;background:url(../images/con_bg.png) repeat;}
.h_container .left_nav{width:200px; height:600px; position:absolute; left:38px; top:0}
.h_container .h_content{width:100%; height:100%; margin-bottom:100px; padding:10px 10px 10px 210px;}

/* 导航条 */
.guide{line-height:34px; border-bottom:1px solid #3e3e40; margin:0 10px; font-size:16px}
.guide img{vertical-align:middle; margin-right:9px; padding-left:16px;}
.guide input{height:20px !important; line-height:20px !important; width:100px; padding-left:10px !important; margin:0 4px }
.guide span{font-size:14px; padding-right:12px}

/* 用户中心-密码变更 */
.mmbg ul{margin-top:45px}
.mmbg li{margin-bottom:24px; }
.mmbg li label{width:170px;display:inline-block; text-align:right; padding-right:10px}
.mmbg li label i{margin-right:5px; display:inline-block; width:5px; position:relative; top:3px}
.mmbg li em{margin-left:26px; color:#d40000;}
.mmbg li input{width:200px;}
.mmbg .code_box{width:134px; height:48px; border:1px solid #3e3e40; display:inline-block; text-align:center; line-height:48px; vertical-align:top}
a.refresh{ height:48px; width:56px; color:#fff; background-color:#3e3e40; display:inline-block; font-size:14px; text-align:center; padding-top:4px; margin-left:10px}
a.refresh:hover{background-color:#1d3f6b}

/* 投诉建议-提交建议 */
.tsjy ul{margin-top:50px}
.tsjy li{margin-bottom:24px;}
.tsjy li label{width:170px;display:inline-block; text-align:right; padding-right:10px; vertical-align:top; position:relative;}
.tsjy li label i{margin-right:5px; display:inline-block; width:5px; position:relative; top:3px}
.tsjy li em{margin-left:26px; color:#d40000;}
.tsjy li input{width:260px;}
.tsjy li textarea{width:460px; height:190px;}


.jcbd{width:560px; height:200px; border:1px solid #3e3e40; margin:13% auto 0; text-align:center}
.jcbd li{padding-top:40px;}
.jcbd p{padding-left:63px; margin-top:10px}
.jcbd li a{ display:inline-block; font-size:12px; position:relative; top:6px; left:5px;}
.jcbd li a:hover{ color:#29558e}

/* 用户中心-个人资料 */
.grzl{background-color:#fff; height:370px}
.grzl ul{padding:35px 280px 0 55px}
.grzl li{border-bottom:1px solid #cfd4db; padding-bottom:5px; padding-top:20px}
.grzl li span{width:120px; text-align:center; display:inline-block}
.grzl li a{margin-left:15px}
.yxxx{height:200px; background:url(../images/index_1.jpg) no-repeat right bottom #fff; margin-top:10px }
.yxxx ul{padding:22px 280px 0 55px}
.yxxx li{border-bottom:1px solid #cfd4db; padding-bottom:5px; padding-top:20px}
.yxxx li p{width:50%; float:left}
.yxxx li span{width:120px; text-align:center; display:inline-block}
.yxxx li a{margin-left:15px}

/* 用户中心 */
.yhzx{background-color:#fff; height:250px}
.yhzx .row_1{padding-left:265px; margin-right:10px; position:relative}
.yhzx .row_1 li{border-bottom:1px solid #3e3e40; padding:34px 0}
.yhzx .row_1 p{width:33%; float:left; display:block; text-align:center}
.yhzx .row_1 p span{font-size:18px; color:#d40000; display:block; margin-top:6px;}
.yhzx .row_1 p a.btn_4{width:150px !important; margin-top:6px !important; display:inline-block; text-align:center}
.yhzx .row_1 li:last-child{border-bottom:0}
.yhzx .row_1 .photo{position:absolute; left:0; top:30px; width:240px; text-align:center}
.yhzx .row_1 .photo i{font-size:16px; padding:7px 0 5px; display:block}
.yhzx .row_1 .photo img{border-radius:50%; width:123px; height:123px; margin-bottom:10px;}

.main{margin-top:10px}
.main .left{width:49.5%; background-color:#fff; float:left; height:319px;}
.main .right{width:49.5%; background-color:#fff; float:right;height:319px;}
.main .row_1{padding:10px;}
.main .row_1 li{width:49.5%; float:left; background-color:#3e3e40; color:#fff; text-align:center; padding:5px 0;}
.main .row_1 li:last-child{float:right}
.main .row_1 li p{font-size:24px; margin-top:5px}
.main .row_2{margin:0 10px; border:1px solid #3e3e40}
.main .row_2 h1{font-size:16px; padding:6px 0 0 12px;}
.main .row_2 .progress_bar{height:19px; line-height:0; font-size:0; overflow:hidden; border-radius:8px; border:1px solid #3e3e40; position:relative}
.main .row_2 .progress_bar em{background-color:#3e3e40; position:absolute; left:0;top:0; height:19px;line-height:0; font-size:0; overflow:hidden; z-index:9}
.main .row_2 ul{padding:22px 16px 0;}
.main .row_2 li{position:relative; padding-right:60px; margin-bottom:32px}
.main .row_2 li .total{font-size:12px}
.main .row_2 li .num{ width:126px; height:22px; background:url(../images/index_2.png) no-repeat; display:block; position:absolute; right:94px; top:18px; text-align:center; font-size:12px; line-height:22px;}
.main .row_2 li a{padding:2px 12px; background-color:#3e3e40; font-size:12px; color:#fff; border-radius:8px; position:absolute; right:0; top:0}
.main .row_2 li a:hover{background-color:#29558d;}


/* 表单 */
.form ul{margin-top:50px}
.form li{margin-bottom:20px;}
.form li label{width:170px;display:inline-block; text-align:right; padding-right:10px; vertical-align:top; position:relative;}
.form li label i{margin-right:5px; display:inline-block; width:5px; position:relative; top:3px}
.form li em{margin-left:26px; color:#d40000;}
.form li input{width:220px;}
.form li textarea{width:220px;}
.form li p{padding:10px 0 2px 145px;}

/* 用户中心-用户注册 */
.yhzc ul{margin-top:50px}
.yhzc li{margin-bottom:24px; width:550px; float:left;}
.yhzc li:nth-child(2n){ width:550px;}
.yhzc li label{width:170px;display:inline-block; text-align:right; padding-right:10px}
.yhzc li label i{margin-right:5px; display:inline-block; width:5px; position:relative; top:3px}
.yhzc li input{width:160px; text-align:center; padding-left:0}
.bg_blue{background-color:#00285c; color:#fff}

/* 业务管理-会员列表 */
.hylb{padding-top:20px; padding-left:36px;}

/* 业务管理-账户升级 */
.zhsj{position:relative}
.zhsj .left{position:absolute; left:0; top:0; background-color:#fff; width:250px; text-align:center; padding-top:28px; font-size:14px; line-height:210%; height:580px}
.zhsj .left p{font-size:16px;}
.zhsj .left i{font-size:18px;}
.zhsj .left .photo img{border-radius:50%; width:123px; height:123px; margin-bottom:10px;}
.zhsj .right{width:100%; padding-left:260px;}
.zhsj .right ul{background-color:#fff;height:580px}
.zhsj .right .guide img{padding-left:6px !important}

/* table */
/* .table_wrap{padding:7px 10px}
.table1_wrap{padding:0 10px}
.table_wrap .count{text-align:right;padding-right:50px; padding-top:12px;}
.table_wrap .count i{font-size:18px;}
.table,.table td{border-collapse:collapse; vertical-align:middle;table-layout:fixed;word-wrap:break-word; padding:10px 0}
.table th{border-collapse:collapse; vertical-align:middle}
.table th{background-color:#3e3e40; text-align:left;font-weight:normal; height:39px; color:#fff;font-size:14px; text-align:center;}
.table td{text-align:center;height:40px; line-height:20px; font-size:14px; color:#3e3e40;border-bottom:1px solid #cfd4db; text-align:center}
.table tr:hover{background:#e7e9ed;}
.table_1,.table_1 td{border-collapse:collapse; vertical-align:middle;table-layout:fixed;word-wrap:break-word; padding:10px 0}
.table_1 th{border-collapse:collapse; vertical-align:middle}
.table_1 th{background-color:#3e3e40; text-align:left;font-weight:normal; height:39px; color:#fff;font-size:14px; text-align:center;}
.table_1 td{text-align:left;height:40px; line-height:20px; font-size:14px; color:#3e3e40;border-bottom:1px solid #cfd4db; text-align:center}
.table_1 tr:hover{background:#e7e9ed;} */

/* tree */
#menu{ margin-left:15px}
#menu h3{font-size:12px;}
#menu ul{background:url("../images/icon_6.gif") repeat-y 5px 0px;overflow:hidden;}
#menu ul li{padding:5px 0 2px 15px;background:url("../images/icon_7.gif") no-repeat 5px -29px;}
#menu ul li ul{display:none;}
#menu ul li em{cursor:pointer;display:inline-block;width:15px;float:left;height:20px;margin-left:-14px;background:url("../images/icon_7.gif") no-repeat -32px 5px;}
#menu ul li em.off{background-position: -17px -15px;}
#menu ul li#end{background-color:#FFF;}
#menu ul.off{display:block;}

/* search */
.search{padding:10px}
.search .row_1{padding:0 6px 8px 5px; border-bottom:1px solid #3e3e40;}
.search .row_1 a{margin-right:4px;}
.search .row_2{padding:8px 0 8px 20px; border-bottom:1px solid #cfd4db; background-color:#e7e9ed}
.search input{height:20px !important; line-height:20px !important; width:100px; padding-left:10px !important; margin:0 4px }
.search .s_sty_2{height:22px !important; line-height:22px !important; }
.search .m_select_con{top:23px !important;}
.search .row_2 input{ background-color:#e7e9ed !important;}
.search .row_2 .txt{ border:1px solid #3e3e40; padding-right:20px;}
.search .row_2 .txt i{background-color:#3e3e40; color:#fff; padding:0 12px; margin-right:10px;}

/* 下拉框 */
.s_sty_1{height:30px; line-height:30px;padding-left:12px; font-size:14px; display:inline-block; position:relative;cursor:pointer; background-color:#3e3e40; color:#fff; margin-left:-4px;}
.s_sty_1.open{background-color:#1d3f6b}
.s_sty_1::before{border-color:#fff transparent transparent transparent;border-style: solid;border-width: 6px;content: " "; height: 0;right:10px;position: absolute;top: 50%; margin-top:-2px;width: 0;}
.s_sty_2{height:30px; line-height:30px;padding-left:4px; font-size:14px; display:inline-block; position:relative;cursor:pointer; border:1px solid #3e3e40; color:#3e3e40;  margin-left:-4px; border-right:14px solid #3e3e40; white-space: nowrap;text-overflow: ellipsis;}
.s_sty_2::before{border-color:#fff transparent transparent transparent;border-style: solid;border-width: 5px;content: " "; height: 0;right:-12px;position: absolute;top: 50%; margin-top:-2px;width: 0;}
.s_sty_2.open::before {border-color:transparent transparent #fff transparent;border-style: solid;border-width: 5px;content: " "; height: 0;right:-12px;position: absolute;top: 50%; margin-top:-9px;width: 0;}
.m_select_con{position:absolute;top:32px;background-color:#fff;width:125px; left:0;border:1px solid #cac9c9; font-size:13px; display:none; z-index:9;}
.m_select_con dd{border-bottom:1px solid #cac9c9; padding-left:8px; cursor:pointer; line-height:32px; color:#3e3e40}
.m_select_con dd:hover{background-color:#f9f9f9}
.m_select_con dd:last-child{border-bottom:0}
.m_select_con dd.selected{background-color:#f9f9f9;}

/* paging */
.paging{text-align:center; position:absolute; bottom:20px; left:50%; margin-left:-160px}
.paging_1{text-align:center; position:absolute; bottom:20px; left:50%; margin-left:-40px}
.paging_2{text-align:center; margin-top:8px }



/* 代理审核 */
.dlsh li{margin-bottom:10px}
.dlsh li span{display:block; width:20%; float:left; margin-bottom:10px;}
.margin_r10{margin-right:10px}
.dlsh_table{padding:0 12px}
.table_2,.table_2 td,.table_2 th{height:33px;border:1px solid #dbdbdb;border-collapse:collapse; font-size:12px; vertical-align:middle}
.table_2 th{background-color:#6ecf85; text-align:left; padding:0 10px;font-weight:normal; line-height:33px; color:#FFFFFF}
.table_2 th{font-size:14px; text-align:center; font-weight:bold}
.table_2 td{text-align:center; word-break:break-all;white-space: nowrap;}

/* 弹窗 */
.dialog{z-index:999;width:314px;top:168px;left:50%; position:absolute;margin:0 0 0 -40px;  background-color:#fff;display: }
.dialog_box{background-color:#fff;position:relative; color:#343434; line-height:24px;font-size:13px; padding-bottom:25px;box-shadow:0 0 2px rgba(0,0,0,.3); border-top:5px solid #153866;min-height:138px; height:auto!important; height:185px;}
.dialog_box .txt{font-size:18px; text-align:center; padding-top:20px; line-height:150%}
.dialog_box .txt i{font-size:24px}
.dialog_box .dialog_btn{text-align:center; padding-top:18px}
.dialog_box .dialog_btn a{padding:5px 12px; background-color:#3e3e40; font-size:18px; color:#fff;}
.dialog_box .dialog_btn a:hover{background-color:#29558d;}

input{height:30px; line-height:30px;border:1px solid #3e3e40; color:#3e3e40;padding-left:12px; font-size:14px}
textarea{height:72px;border:1px solid #3e3e40; color:#3e3e40;padding:3px 12px; font-size:14px; resize:none;}
.h_30{height:30px}
.w_240{width:240px !important}
.w_200{width:200px !important}
.w_180{width:180px !important}
.w_160{width:160px !important}
.w_140{width:140px !important}
.w_70{width:70px !important}
.w_90{width:90px !important}
.f_red{color:#d40000 !important}
.f_green{color:#00b050 !important}
.f_gray{color:#959595 !important}
.margin_l4{margin-left:4px;}
.margin_l11{margin-left:11px;}
.margin_l20{margin-left:20px;}
.margin_l30{margin-left:30px;}
.margin_l80{margin-left:80px;}
.margin_r20{margin-right:20px;}
.margin_t30{margin-top:30px;}
.pad_l0{padding-left:0 !important;}
.b_none{border:0 !important}
.pad_t0{padding-top:0 !important}
.pad_b0{padding-bottom:0 !important}
.pad_t5{padding-top:5px !important}
.r_align{text-align:right !important}
.l_align{text-align:left !important}
.bg_write{background-color:#fff}
.pad_10{padding:5px 25px !important}
.f_12{font-size:12px}
.count{text-align:right; padding:10px 30px 0 0}
.style_1{ margin:8px 8px 8px 55px !important;}


.btn{padding:5px 30px; background-color:#3e3e40; font-size:18px; color:#fff; position:fixed; bottom:80px; right:80px}
.btn:hover{background-color:#1d3f6b}
.btn_1{height:30px; line-height:30px;background-color:#3e3e40; font-size:14px; color:#fff; display:inline-block;padding:0 14px; vertical-align:top; margin-left:4px}
.btn_1:hover{background-color:#1d3f6b}
.f_btn{text-align:right;margin-right:80px; margin-top:20px}
.btn_2{padding:5px 18px; background-color:#3e3e40; font-size:18px; color:#fff;}
.btn_2:hover{background-color:#1d3f6b}
.btn_3{padding:3px 10px; font-size:14px; color:#3e3e40;}
.btn_3:hover,.btn_3.active{background-color:#3e3e40; color:#fff}
.btn_4{padding:1px 8px; background-color:#3e3e40; font-size:14px; color:#fff;}
.btn_4:hover{background-color:#29558d;}
.f_btn .txt{font-size:14px; color:#d40000; margin-top:10px;}
.btn_txt{font-size:14px; color:#d40000; margin-top:10px;position:fixed; bottom:50px; right:77px}



/* tree */
.tree ul{padding-top: 20px;position: relative;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
.tree li{float: left;text-align: center;list-style-type: none;position: relative;padding: 20px 5px 0 5px;transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;}
/*We will use ::before and ::after to draw the connectors*/.tree li::before, .tree li::after{content: '';position: absolute;top: 0;right: 50%;border-top: 1px solid #ccc;width: 50%;height: 20px;}
.tree li::after{right: auto;left: 50%;border-left: 1px solid #ccc;}
/*We need to remove left-right connectors from elements without
any siblings*/.tree li:only-child::after, .tree li:only-child::before{display: none;}
/*Remove space from the top of single children*/.tree li:only-child{padding-top: 0;}
/*Remove left connector from first child and
right connector from last child*/.tree li:first-child::before, .tree li:last-child::after{border: 0 none;}
/*Adding back the vertical connector to the last nodes*/.tree li:last-child::before{border-right: 1px solid #ccc;border-radius: 0 5px 0 0;-webkit-border-radius: 0 5px 0 0;-moz-border-radius: 0 5px 0 0;}
.tree li:first-child::after{border-radius: 5px 0 0 0;-webkit-border-radius: 5px 0 0 0;-moz-border-radius: 5px 0 0 0;}
/*Time to add downward connectors from parents*/.tree ul ul::before{content: '';position: absolute;top: 0;left: 50%;border-left: 1px solid #ccc;width: 0;height: 20px;}
.tree_box{ border:3px solid #3e3e40; display:inline-block; font-size:12px; color:#1c1c1c; width:135px}
.btn_wrap{width:135px}
.tree_box dt{ background-color:#1c1c1c; color:#fff;padding:0 14px 2px;}
.tree_box dd{ padding:2px 14px; border-bottom:2px solid #3e3e40}
.tree_box dd:last-of-type{border-bottom:0}
.pad_none dt{padding-left:4px !important; padding-right:2px !important;}
.pad_none dd{padding-left:0 !important; padding-right:0 !important;}
.btn_wrap{width:135px}

.demo{padding: 25px;background-color: rgba(255,255,255,0.5);}
.demo p{color: #FFFFFF;}
@media \0screen\,screen\9{.demo{background-color:#fff;filter:Alpha(opacity=50);position:static;*zoom:1;}
.demo p{position: relative;}}

